toss 라이브러리 분석

import { colors, FixedBottomCTA, Lottie, NavigationBar, Spacing, Top } from 'tosslib';

export function OrderCompletePage() {
  return (
    <>
      <NavigationBar title="주문 완료" />
      <Spacing size={40} />
      <Lottie src="https://static.toss.im/lotties-common/check-spot.json" css={{ width: 80 }} />
      <Top
        title={<Top.TitleParagraph color={colors.grey900}>주문이 완료됐어요</Top.TitleParagraph>}
        subtitle={<Top.SubTitleParagraph>4개 18,500원</Top.SubTitleParagraph>}
      />
      <Spacing size={80} />
      <FixedBottomCTA>확인했어요</FixedBottomCTA>
    </>
  );
}